<html>
	<title>Welcome to SWEAD</title>
	<link rel="stylesheet" href="./assets/css/style.css">
	<body class="result">
		<div class="container">
			<div class="logo-light">
			</div>
			<div class="content">
				<form method="post" action="">
					<div class="pax-wrap">
						<h1>Flight <span>1</span></h1>
						<div class="flight">
							<table class="large center flights">
								<tr>
									<th>12/23/2012</th>
									<th>BUS</th>
									<th>ECO</th>
									<th>FLEX</th>
								</tr>
								<!-- flight 1 -->
								<tr>
									<td>
										<!-- segments -->
										<table class="segments">
											<tr>
												<td>
													<span>19:30</span>
													<span class="right">23.40</span>
												</td>
											</tr>
											<tr>
												<td class="small-port">
													<span>SGN</span>
													<span class="right">SIN</span>
												</td>
											</tr>
											<!-- segment 2 -->
											<tr>
												<td>
													<span>19:30</span>
													<span class="right">23.40</span>
												</td>
											</tr>
											<tr>
												<td class="small-port">
													<span>SGN</span>
													<span class="right">SIN</span>
												</td>
											</tr>
										</table>
									</td>
									<td>
										<label for="1"><input type="radio" id="1">193.40</label>
									</td>
									<td>
										<label for="2"><input type="radio" id="2">193.40</label>
									</td>
									<td>
										<label for="3"><input type="radio" id="3">193.40</label>
									</td>
								</tr>
								<!-- end flight 1 -->
								<tr>
									<td>
										<table class="segments">
											<tr>
												<td>
													<span>19:30</span>
													<span class="right">23.40</span>
												</td>
											</tr>
											<tr>
												<td class="small-port">
													<span>SGN</span>
													<span class="right">SIN</span>
												</td>
											</tr>
										</table>
									</td>
									<td>
										<label for="1"><input type="radio" id="1">193.40</label>
									</td>
									<td>
										<label for="2"><input type="radio" id="2">193.40</label>
									</td>
									<td>
										<label for="3"><input type="radio" id="3">193.40</label>
									</td>
								</tr>
							</table>
						</div>
					</div>
					<div class="pull-right">
						<input type="submit" name="next" value="Next">
					</div>
				</form>
			</div>
		</div>
		<div class="bar">
			<h1>Summary</h1>
			<table>
				<tr>
					<td rowspan="2"> 
						<span class="month">Jan</span><br>
						<span class="date">23</span>
					</td>
					<td>
						<div class="airport">
							<span class="airport-name">Changi, Singapore</span>
						</div>
						<div class="caption">Origin</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="airport">
							<span class="airport-name">Heathrow, London</span>
						</div>
						<div class="caption">Destination</div>
					</td>
				</tr>
			</table>
			<h5>Fare Details for Guests</h5>
			<table class="fares">
				<tr>
					<td>2 Guest(s)</td>
					<td>@ $158.00</td>
					<td class="right">$431</td>
				</tr>
				<tr>
					<td>2 Child(ren)</td>
					<td>@ $158.00</td>
					<td class="right">$431</td>
				</tr>
				<tr>
					<td>2 Infant(s)</td>
					<td>@ $158.00</td>
					<td class="right">$431</td>
				</tr>
				<tr class="sub-total">
					<td>Subtotal</td>
					<td></td>
					<td class="right"><b>$4,431</b></td>
				</tr>
			</table>
			<br>
			<table>
				<tr>
					<td rowspan="2"> 
						<span class="month">Jan</span><br>
						<span class="date">23</span>
					</td>
					<td>
						<div class="airport">
							<span class="airport-name">Changi, Singapore</span>
						</div>
						<div class="caption">Origin</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="airport">
							<span class="airport-name">Heathrow, London</span>
						</div>
						<div class="caption">Destination</div>
					</td>
				</tr>
			</table>
			<div class="total">$9,942</div>
		</div>
	</body>
	<script type="text/javascript" src="./assets/js/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="./assets/js/jquery-ui-1.9.0.custom.js"></script>
	<script type="text/javascript">
	$(document).ready(function() {
		$( ".pax-wrap" ).accordion();
		$( "#dob" ).datepicker({dateFormat: "mm/dd/yy"});
	})
	</script>
</html>	</div>
		</div>
		<div class="bar">
			<h1>Summary</h1>
			<table>
				<tr>
					<td rowspan="2"> 
						<span class="month">Jan</span><br>
						<span class="date">23</span>
					</td>
					<td>
						<div class="airport">
							<span class="airport-name">Changi, Singapore</span>
						</div>
						<div class="caption">Origin</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="airport">
							<span class="airport-name">Heathrow, London</span>
						</div>
						<div class="caption">Destination</div>
					</td>
				</tr>
			</table>
			<h5>Fare Details for Guests</h5>
			<table class="fares">
				<tr>
					<td>2 Guest(s)</td>
					<td>@ $158.00</td>
					<td class="right">$431</td>
				</tr>
				<tr>
					<td>2 Child(ren)</td>
					<td>@ $158.00</td>
					<td class="right">$431</td>
				</tr>
				<tr>
					<td>2 Infant(s)</td>
					<td>@ $158.00</td>
					<td class="right">$431</td>
				</tr>
				<tr class="sub-total">
					<td>Subtotal</td>
					<td></td>
					<td class="right"><b>$4,431</b></td>
				</tr>
			</table>
			<br>
			<table>
				<tr>
					<td rowspan="2"> 
						<span class="month">Jan</span><br>
						<span class="date">23</span>
					</td>
					<td>
						<div class="airport">
							<span class="airport-name">Changi, Singapore</span>
						</div>
						<div class="caption">Origin</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="airport">
							<span class="airport-name">Heathrow, London</span>
						</div>
						<div class="caption">Destination</div>
					</td>
				</tr>
			</table>
			<h5>Fare Details for Guests</h5>
			<table class="fares">
				<tr>
					<td>2 Guest(s)</td>
					<td>@ $158.00</td>
					<td class="right">$431</td>
				</tr>
				<tr>
					<td>2 Child(ren)</td>
					<td>@ $158.00</td>
					<td class="right">$431</td>
				</tr>
				<tr>
					<td>2 Infant(s)</td>
					<td>@ $158.00</td>
					<td class="right">$431</td>
				</tr>
				<tr class="sub-total">
					<td>Subtotal</td>
					<td></td>
					<td class="right"><b>$4,431</b></td>
				</tr>
			</table>
		</div>
	</body>
	<script type="text/javascript" src="./assets/js/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="./assets/js/jquery-ui-1.9.0.custom.js"></script>
	<script type="text/javascript">
	$(document).ready(function() {
		$( "#dob" ).datepicker({dateFormat: "mm/dd/yy"});
	})
	</script>
</html>